<meta charset="UTF-8"> 
<html>
	<body>
		<img src="libwebsockets.org-logo.png"><br>
	
		<b>Minimal ws server proxy example</b>.<br>
		The server makes a dumb-increment-protocol wss connection<br>
		to libwebsockets.org.  It proxies what it was sent to<br>
		all browsers open on this page.<br>
		The textarea show the last 20 lines received.
		<br>
		<br>
		<textarea id=r readonly cols=40 rows=20></textarea><br>
	</body>
	
	
<script>

var head = 0, tail = 0, ring = new Array();

function get_appropriate_ws_url(extra_url)
{
	var pcol;
	var u = document.URL;

	/*
	 * We open the websocket encrypted if this page came on an
	 * https:// url itself, otherwise unencrypted
	 */

	if (u.substring(0, 5) == "https") {
		pcol = "wss://";
		u = u.substr(8);
	} else {
		pcol = "ws://";
		if (u.substring(0, 4) == "http")
			u = u.substr(7);
	}

	u = u.split('/');

	/* + "/xxx" bit is for IE10 workaround */

	return pcol + u[0] + "/" + extra_url;
}

function new_ws(urlpath, protocol)
{
	if (typeof MozWebSocket != "undefined")
		return new MozWebSocket(urlpath, protocol);

	return new WebSocket(urlpath, protocol);
}

ws = new_ws(get_appropriate_ws_url(""), "lws-minimal-proxy");
try {
	ws.onopen = function() {
		document.getElementById("m").disabled = 0;
		document.getElementById("b").disabled = 0;
	} 

	ws.onmessage =function got_packet(msg) {
		var n, s = "";

		ring[head] = msg.data + "\n";
		head = (head + 1) % 20;
		if (tail == head)
			tail = (tail + 1) % 20;

		n = tail;
		do {
			s = s + ring[n];
			n = (n + 1) % 20;
		} while (n != head);

		document.getElementById("r").value = s; 
		document.getElementById("r").scrollTop =
			document.getElementById("r").scrollHeight;
	} 

	ws.onclose = function(){
		document.getElementById("m").disabled = 1;
		document.getElementById("b").disabled = 1;
	}
} catch(exception) {
	alert('<p>Error' + exception);  
}

</script>
</html>

